/*RESET
-------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, button, fieldset, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
img{outline: none;  border: none; vertical-align: top;max-width: 100%}
table { border-collapse: collapse; border-spacing: 0 }
fieldset { border: 0; vertical-align:middle;}
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }
ol, ul ,li{ list-style: none }
del, ins { text-decoration: none }
caption, th { text-align: left }
input, button, textarea, select { font-size: 100%; outline: none; padding:0; resize: none;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
input::-ms-clear, input::-ms-reveal{display: none;}
.before:before,.after:after{ content: ''; display: inline-block }
addr, acronym { border: 0; font-variant: normal }
sup, sub { vertical-align: baseline }

.ofh { overflow: hidden}

.mt10 { margin-top: 10px}
.mb10 { margin-bottom: 10px}


.bk-eee { background: #eee}

.f16 { font-size: 16px}
.fc-red { color: #f00}

.fb { font-weight: 700}



body {
    background-color: #fff;
}
.mint-header.is-fixed {
    z-index: 99;
}
.mui-bar-tab .mui-tab-item-llb
{
    display: table-cell;
    overflow: hidden;

    width: 1%;
    height: 50px;

    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #929292;
}
.mui-bar-tab .mui-tab-item-llb.mui-active
{
    color: #007aff;
}
.mui-bar-tab .mui-tab-item-llb .mui-icon
{
    top: 3px;

    width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
}
.mui-bar-tab .mui-tab-item-llb .mui-icon ~ .mui-tab-label
{
    font-size: 11px;

    display: block;
    overflow: hidden;

    text-overflow: ellipsis;
}
.mui-bar-tab .mui-tab-item-llb .mui-icon:active
{
    background: none;
}

.photoinfo-box {
    padding:5px;
    .phinfo-title {
        padding: 10px 0;
        color: #007aff;
        font: 600 14px/28px "Microsoft YaHei";
        text-align: center;
    }
    .phinfo-subtitle {
        display: flex;
        justify-content:space-between;
        font-size: 12px;
        color: #666;
        border-bottom: 1px solid #ccc;
    }
    .phinfo-content {
        font: 12px/24px "";
        color: #333;
    }
}

.goods-list {
    display: flex;
    flex-wrap: wrap;
    padding: 6px;
    justify-content: space-between;

    .goods-item {
        margin: 3px 0;
        padding: 1px;
        width: 49%;
        min-height: 295px;
        border:1px solid #ccc;
        box-shadow: 0 0 8px #ccc;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        img {
            width: 100%;
        }

        .title {
            font-size: 14px;
        }

        .info {
            background-color:#ddd;
            p {
                padding: 5px;
            }
            .price {
                .now {
                    color: #f00;
                    font-weight: bold;
                    font-size: 16px;
                }
                .old{
                    text-decoration: line-through;
                    font-size: 12px;
                    margin-left: 10px;
                }
            }
            .sell{
                display: flex;
                justify-content: space-between;
                font-size: 13px;
            }
        }
    }

}


.shopcar-container {
    background:#eee;
    overflow: hidden;
    .shop-list {
        .mui-card-content-inner {
            display: flex;
            align-content: center;
            img {
                width: 60px;
                height: 60px;
            }

            .info {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                h1 {
                    font-size:14px;
                }
            }
        }
    }

    .jiesuan {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}
